
<ion-navbar *navbar hideBackButton class="show-navbar">
  <ion-title>Multiline Items</ion-title>
</ion-navbar>

<ion-content class="has-header">
  <ion-list>

    <ion-list-header>
    Today
    </ion-list-header>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-finn.png">
      </ion-avatar>
      <h2>Finn</h2>
      <h3>Don't Know What To Do!</h3>
      <p>I've had a pretty messed up day. If we just...</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-han.png">
      </ion-avatar>
      <h2>Han</h2>
      <h3>Look, Kid</h3>
      <p>I've got enough on my plate as it is, and I...</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-rey.png">
      </ion-avatar>
      <h2>Rey</h2>
      <h3>Found Something</h3>
      <p>Was scavaging around the other day and...</p>
    </ion-item>

  </ion-list>


  <ion-list>
    <ion-list-header>
    Last Week
    </ion-list-header>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-poe.png">
      </ion-avatar>
      <h2>Poe</h2>
      <h3>New Ride</h3>
      <p>I just upgraded my ship! Next time you're...</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-ben.png">
      </ion-avatar>
      <h2>Ben</h2>
      <h3>Move Along</h3>
      <p>These aren't the droids you're looking for...</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-leia.png">
      </ion-avatar>
      <h2>Leia</h2>
      <h3>You're My Only Hope</h3>
      <p>I've placed information vital to the survival...</p>
    </ion-item>
  </ion-list>


</ion-content>
